@import url("http://www.scotiabank.com.pe/fonts/scotiabank.css");
@import url("960_50.css");
@import url("uniform.css");

/* CSS Document */

/*===============================
	reset
=================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display:block; }
html, body { height:100%; }
body { line-height:1.3; }
img { color:transparent; font-size:0; vertical-align:middle; -ms-interpolation-mode:bicubic; }
ol, ul { list-style:none inside; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }

/*===============================
	frame
=================================*/

.hidden { display:none; }
.f-right { float:right; }
.f-left { float:left; }
.zindex { position:relative; z-index: 1; }
.center { text-align:center; }
.transition { -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }

.spacer-10, .spacer-20, .spacer-40, .spacer-60, .spacer-80, .spacer-100 {
	display: block;
	clear: both;
}
.spacer-10 { height:10px; }
.spacer-20 { height:20px; }
.spacer-40 { height:40px; }
.spacer-60 { height:60px; }
.spacer-80 { height:80px; }
.spacer-100 { height:100px; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.cf:after {
	content:"";
	display:table;
	clear:both;
}
.cf { *zoom:1; }

/*===============================
	html
=================================*/

* { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; *zoom:1; }
body { font-family:"ScotiabankModernRegular", sans-serif; color:#666; }
h1, h2, h3, h4, h5, h6, b, strong { font-weight:normal; /*font-family:"ScotiabankModernBold", sans-serif;*/ }
i, em { font-style:normal; font-family:"ScotiabankModernItalic", sans-serif; }
p { font-size:14px; }
a { text-decoration:none; cursor:pointer; }
abbr { border-bottom:dotted 1px #000; cursor:help; }
h1, h2, h3, h4, h5, h6, p, blockquote { margin-top:10px; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child,
h5:first-child, h6:first-child, p:first-child, blockquote:first-child { margin-top:0; }
input, select, textarea, button, .button { padding:0; margin:0; border:solid 1px #CCC; font-size:inherit; line-height:inherit; font-family:inherit; outline:none; }
input:focus, select:focus, textarea:focus { border-color:#DC291E; }
input[type=radio], input[type=checkbox] { border:none; }
input[type=button], input[type=submit], input[type=image], button, .button { cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,0.5); }

#header form p { position:relative; font-size:13px; }
#header form p.f-left { margin-top:10px; }
#header form p.f-left:first-child { margin-top:6px; }
#header form label  { position:absolute; top:4px; left:4px; color:#666; }
#header form input { font-size:13px; font-family:inherit; }
#header form p input[type=text] { width:172px; height:16px; }
#header form p.f-left input[type=text] { width:87px; }

a.link { color:#FF4700; }
a.link:hover { text-decoration:underline; }

/*===============================
	header
=================================*/

#header { position:relative; padding:10px 0; z-index:1; }
#header div.grid_4 { width:208px; margin-right:27px; }
#header p.f-right { margin-top:0; font-size:12px; }
#top_menu { float:right; }
#top_menu > li { float:left; position:relative; }
#top_menu > li > a { display:block; padding-left:10px; margin-left:10px; border-left:solid 1px #EB1924; font-size:13px; color:#EB1924; }
#top_menu > li:first-child > a { padding-left:0; margin-left:0; border-left:none; }
#top_menu:hover > li > a { color:#F79EA2; }
#top_menu:hover > li:hover > a { color:#EB1924; }
#top_menu span.arrow { display:inline-block; width:8px; height:6px; margin:5px 0 0 5px; background:url(../img/bg_arrow.png); }

#top_menu div.dropdown { display:none; position:absolute; top:100%; right:0; margin-top:8px; box-shadow:0 0 4px 1px rgba(0,0,0,0.5); z-index:2; }
#top_menu span.dropdown_arrow { position:absolute; bottom:100%; right:10px; width:100%; height:8px; }
#top_menu div.sites { padding:0 10px; background-color:#F5F5F5; }
#top_menu div.sites li { background:url(../img/bg_bullet.png) no-repeat left center; }
#top_menu div.sites li a { display:block; padding:10px 0 10px 10px; border-top:solid 1px #CCC; font-size:13px; color:#999; white-space:nowrap; }
#top_menu div.sites li:first-child a { border-top:none; }
#top_menu div.sites li a:hover { color:#666; }
#top_menu div.sites span.dropdown_arrow { background:url(../img/bg_sites_arrow.png) no-repeat right; }
#top_menu div.login { padding:10px; background-color:#DC7526; color:#FFF; }
#top_menu div.login a { display:block; font-size:12px; color:#FFF; }
#top_menu div.login a:hover { text-decoration:underline; }
#top_menu div.login span.dropdown_arrow { background:url(../img/bg_login_arrow.png) no-repeat right; }

/*===============================
	content
=================================*/

#content {  }

/* left menu */
ul.left-menu { margin-top:10px; background:url(../img/left-menu.png) no-repeat; }
ul.left-menu li { display:block; height:35px; margin-bottom:7px; font-size:14px; font-weight: bold; color:#FFF; overflow: hidden; }
ul.left-menu li a { display:block; height:25px; padding-top:7px; padding-left:10px; color:#FFF; }
ul.left-menu li a.alt { padding-top:0; }
ul.left-menu li a span { display:block; font-size:11px; font-weight:normal; height:35px; }
ul.left-menu li.quick-access { height:40px; padding-left:10px; }
ul.left-menu li select { font-size:11px; padding:0; width:210px; }

/* grid 38 */
h1 { height:20px; padding:5px 10px; background:#DC291E; color:#FFF; }
h1 span { float:right; }
ul.breadcrumbs { display:block; padding:5px 20px; }
ul.breadcrumbs li { display:inline-block; *display:inline; font-size:11px; }
ul.breadcrumbs a { color:#666; }
ul.breadcrumbs a:hover { text-decoration:underline; }

/* slideshow */
#content ul.slidetabs { display:none; }
#content div.slideshow { position:relative; }
#content img.slide { position:absolute; top:0; left:0; width:100%; }
#content img.slide.step { display:none; z-index:1; }
#content img.placeholder { display:block; width:100%; visibility:hidden; }
#content img.banner { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
#content a.btn_contact { display:none; position:absolute; top:100px; right:60px; z-index:2; }

/* status bar */
div.status_bar { border:solid 1px #CCC; border-bottom:none; }
ul.steps { float:left; position:relative; z-index:2; }
ul.steps li { float:left; position:relative; height:24px; padding:0 5px 0 25px; line-height:24px; }
ul.steps li:first-child { padding-left:0; }
ul.steps li.f-right { float:right; list-style-type:disc; color:#FF4700; }
ul.steps li a { display:block; width:30px; height:100%; background:url(../img/home.png) no-repeat center; }
ul.steps li.current { color:#FFF; }
ul.steps li span { display:block; position:absolute; top:0; left:100%; width:15px; height:100%; background:url(../img/steps_arrows.png) 0 0; z-index:2; }


ul.steps2 { float:left; position:relative; z-index:2; }
ul.steps2 li { float:left; position:relative; height:24px; padding:0 5px 0 25px; line-height:24px; }
ul.steps2 li:first-child { padding-left:0; }
ul.steps2 li.f-right { float:right; list-style-type:disc; color:#FF4700; }
ul.steps2 li a { display:block; width:30px; height:100%; background:url(../img/home.png) no-repeat center; }
ul.steps2 li.current { color:#FFF; }
ul.steps2 li span { display:block; position:absolute; top:0; left:100%; width:15px; height:100%; background:url(../img/steps_arrows2.png) 0 0; z-index:2; }

/* main */
#main {
	position:relative;
	padding:10px;
	border:solid 1px #CCC;
	background:#ffffff;
	background:-moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
	background:-webkit-linear-gradient(top, #ffffff 0%,#e7e7e7 100%);
	background:-o-linear-gradient(top, #ffffff 0%,#e7e7e7 100%);
	background:-ms-linear-gradient(top, #ffffff 0%,#e7e7e7 100%);
	background:linear-gradient(to bottom, #ffffff 0%,#e7e7e7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0);
	border-radius:0 0 20px 0;
	z-index:1;
}
#main h2 { font-size:32px; font-family:"ScotiabankModernBold", sans-serif; text-align:center; }
#main h3 { font-size:24px; font-family:"ScotiabankModernBold", sans-serif; }
#wrapper { width:570px; height:178px; margin:0 auto; } /* grid_27 */
#wrapper.home { width:710px; height:203px; } /* grid_36 */
#wrapper.end { width:710px; height:408px; } /* grid_36 */

#main ul.icons { margin-top:10px; }
#main ul.icons > li { display:inline-block; position:relative; margin-left:10px; font-size:11px; text-align:center; }
#main ul.icons > li:first-child { margin-left:0; }
#main ul.icons > li > a { display:block; width:57px; height:53px; margin:0 auto 5px; background:url(../img/icons.png); }
#main ul.icons li.n1 a { background-position:0 0; }
#main ul.icons li.n2 a { background-position:-57px 0; }
#main ul.icons li.n3 a { background-position:-114px 0; }
#main ul.icons li.n4 a { background-position:-171px 0; }
#main ul.icons li.n5 a { background-position:-228px 0; }
#main ul.icons li.n6 a { background-position:-285px 0; }

#main ul.icons li.n1 a:hover { background-position:0 -53px; }
#main ul.icons li.n2 a:hover { background-position:-57px -53px; }
#main ul.icons li.n3 a:hover { background-position:-114px -53px; }
#main ul.icons li.n4 a:hover { background-position:-171px -53px; }
#main ul.icons li.n5 a:hover { background-position:-228px -53px; }
#main ul.icons li.n6 a:hover { background-position:-285px -53px; }

div.dropdown-sim { display:none; position:absolute; top:100%; left:0; min-width:100%; background:#FFF; text-align:left; box-shadow:0 0 4px 1px rgba(0,0,0,0.5); z-index:2; }
div.dropdown-sim.alt { left:auto; right:0; }
div.dropdown-sim span.arrow { display:inline-block; position:absolute; top:-8px; left:10px; width:42px; height:8px; background:url(../img/bg_sites_arrow.png); }
div.dropdown-sim.alt span.arrow { left:auto; right:10px; }
div.dropdown-sim li a { display:block; padding:5px 10px; border-top:dotted 1px #CCC; font-size:13px; color:#666; white-space:nowrap; }
div.dropdown-sim li:first-child a { border-top:none; }

/*#main span.arrow { display:inline-block; width:8px; height:6px; margin:5px 0 0 5px; background:url(../img/bg_arrow.png); }*/
#main img.clipboard { position:absolute; bottom:0; left:0; }
#content p.notice { display:none; padding:5px; background-color:#A5ABAF; font-size:10px; color:#FFF; border-radius:5px; behavior:url(path/PIE.htc); }

/* formulario */
#main form p { position:relative; font-size:16px; height:1em; margin-top:20px; }
#main form p.question { /*font-family:"ScotiabankModernBold", sans-serif;*/ }
#main form span.info { position:absolute; top:0; left:100%; width:17px; height:17px; margin-top:4px; margin-left:10px; background:url(../img/info.png); cursor:help; }
#main label.error { position:absolute; bottom:100%; left:50%; width:162px; padding:5px; border:solid 1px #FFF; background-color:#D6E1FF; font-size:13px; box-shadow:0 0 2px 0 rgba(0,0,0,0.5); border-radius:5px; }
#main label.error:after { content:url(../img/tooltip_arrow.png); position:absolute; top:100%; left:50%; margin-top:-1px; }
#main form select.cur { width:56px; border-radius: 5px;  }
#main form select.wide { width:100%; border-radius: 5px; }
#main input:focus, #main select:focus, #main textarea:focus { background-color:#959CA1; border:1px solid #ccc; color:white; }
#main input[type=text], #main input[type=number] { width:120px; text-align:right; border-radius: 5px;  }
#main input[type=button], .button { position:relative; padding:5px 10px; border:none; color:#FFF; border-radius:2px; }
#main input[type=button].prev { float:left; background:#666; }
#main input[type=button].next { float:right; background:#FFA500; }
#main input[type=button].enter { float:right; background:#B5121B; }
#main .button { float:left; margin-left:10px; background:#B5121B; }
#main div.pane { display:none; }
#main ul.results li { height:1em; font-size:12px; line-height:1; margin-top:5px; overflow:hidden; }
#main ul.results span { float:left; margin-right:10px; }
#main ul.results var { float:right; margin-left:10px; font-style:normal; }

/* temas */
#content img.icono {
float:left;
margin-top: -3px;
margin-left: 15px;
margin-right:15px;
}

.ppl h1 {
	background:#9561a8;
	background:-moz-linear-gradient(left, #6E4F79 0%, #9561a8 100%);
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#6E4F79), color-stop(100%,#9561a8));
	background:-webkit-linear-gradient(left, #6E4F79 0%,#9561a8 100%);
	background:-o-linear-gradient(left, #6E4F79 0%,#9561a8 100%);
	background:-ms-linear-gradient(left, #6E4F79 0%,#9561a8 100%);
	background:linear-gradient(to right, #6E4F79 0%,#9561a8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6E4F79', endColorstr='#9561a8',GradientType=1);
	margin-top:0px;
}
.ppl h2, .ppl h3, .ppl h4, .ppl p.question { color:#9561A8; }
.ppl ul.steps li.current { background-color:#9561A8; }
.ppl ul.steps li.current span { background-position:0 -29px; }
.ppl div.dropdown-sim li a:hover { color:#9561A8; }


.ppl2 h1 {
	background:#9561a8;
	background:-moz-linear-gradient(left, #023350 0%, #004f7e 100%);
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#023350), color-stop(100%,#9561a8));
	background:-webkit-linear-gradient(left, #023350 0%,#004f7e 100%);
	background:-o-linear-gradient(left, #023350 0%,#004f7e 100%);
	background:-ms-linear-gradient(left, #023350 0%,#004f7e 100%);
	background:linear-gradient(to right, #023350 0%,#004f7e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#023350', endColorstr='#004f7e',GradientType=1);
	margin-top:0px;
}
.ppl2 h2, .ppl2 h3, .ppl2 h4, .ppl2 p.question { color:#004f7e; }
.ppl2 ul.steps2 li.current { background-color:#004f7e; }
.ppl2 ul.steps2 li.current span { background-position:0 -29px; }
.ppl2 div.dropdown-sim li a:hover { color:#004f7e; }

.biz h1 {
	background:#003479;
	background:-moz-linear-gradient(left, #001e48 0%, #003479 100%);
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#001e48), color-stop(100%,#003479));
	background:-webkit-linear-gradient(left, #001e48 0%,#003479 100%);
	background:-o-linear-gradient(left, #001e48 0%,#003479 100%);
	background:-ms-linear-gradient(left, #001e48 0%,#003479 100%);
	background:linear-gradient(to right, #001e48 0%,#003479 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e48', endColorstr='#003479',GradientType=1);
}
.biz h2, .biz h3, .biz h4, .biz p.question { color:#003479; }
.biz ul.steps li.current { background-color:#003479; }
.biz ul.steps li.current span { background-position:0 -58px; }
.biz div.dropdown-sim li a:hover { color:#003479; }

/*===============================
	footer
=================================*/

#footer { padding:10px 0; }
#footer p.f-right { margin-top:0; font-size:12px; }
#bottom_menu { float:right; font-size:12px; }
#bottom_menu li { float:left; padding-left:10px; margin-left:10px; border-left:solid 1px #666; }
#bottom_menu li:first-child { border-left:none; }
#bottom_menu li a { color:#999; }
#bottom_menu li a:hover { color:#666; }

/*===============================
	jquery tools
=================================*/

div.tooltip { width:162px; padding:5px; border:solid 1px #FFF; background-color:#D6E1FF; font-size:13px; box-shadow:0 0 2px 0 rgba(0,0,0,0.5); border-radius:5px; z-index:99; }
div.tooltip:after { content:url(../img/tooltip_arrow.png); position:absolute; top:100%; left:50%; margin-top:-1px; }

div.overlay { display:none; width:330px; padding:20px; background-color:#F4F5F7; border-radius:5px; behavior:url(path/PIE.htc); } /* grid_17 */
div.overlay h4 { /*font-family:"ScotiabankModernBold", sans-serif;*/ padding-bottom:10px; border-bottom:solid 1px #CCC; color:#FF4700; }
div.overlay p { font-size:12px; }
div.overlay a.close { position:absolute; top:10px; right:10px; padding:0 8px; background-color:#FF4700; font-size:16px; color:#FFF; }
div.overlay input.wide { width:198px; }
div.overlay input[type=text] { padding:5px; background-color:#E0E1E2; border-radius:5px; box-shadow:0 2px 2px rgba(0,0,0,0.3) inset; behavior:url(path/PIE.htc); }
div.overlay input[type=submit] { float:right; padding:2px 10px; border:none; background-color:#FF4700; font-size:14px; color:#FFF; border-radius:2px; behavior:url(path/PIE.htc); }

#lbox_results { width:810px; } /* grid_41 */
#lbox_results h4 a { float:right; font-family:"ScotiabankModernRegular", sans-serif; margin-top:-10px; margin-right:40px; }

#lbox_contact div.ajax { margin:10px 0 20px; }
#lbox_contact div.ajax p { font-size:15px; }
#lbox_contact div.ajax a { color:#FF4700; }